.tag-input {
  cursor: text;
  position: relative;
  display: flex;
  flex: 1 0 auto;
  overflow: visible;
  min-height: 26px;

  input {
    width: 100%;
    height: 1.75em;
    min-width: 140px;
    outline: none;
    font: 14px/1.5 $sans;
    color: $studio-gray-80;
    background: transparent;
  }
}

.tag-input__placeholder {
  position: absolute;
  display: block;
  color: $studio-gray-60;
  background: transparent;
  user-select: none;
}

.tag-input__entry {
  min-width: 1px; // Needed for the caret to be visible in Safari

  & b,
  & strong {
    font-weight: normal;
  }

  & i,
  & em {
    font-style: normal;
  }

  &:focus {
    outline: none;
  }
}

.tag-input__suggestion {
  color: $studio-gray-40;
}
